<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>空间页</title>
	</head>
	<body>
		<div class="web">
			<header>
				<div class="headerLeft">
					<i class="iconfont icon-caidan"></i>
				</div>
				<div class="headerCenter">
					<a href="index.html">
						<img src="../images/homelogo.png">
					</a>
				</div>
				<div class="headerRight">
					<i class="iconfont icon-sousuo"></i>
				</div>
				<div class="mask1">
					<div class="box">
						<!-- <div class="cancel">
					<i class="iconfont icon-chacha"></i>
				</div> -->
						<div class="content">
							<div class="top">
								<a href="">
									<i class="iconfont icon-xinlangweibo"></i>
								</a>
								<a href="">
									<i class="iconfont icon-weixin"></i>
								</a>
								<a href="">
									<i class="iconfont icon-baidu"></i>
								</a>
								<a href="">
									<i class="iconfont icon-facebook"></i>
								</a>
							</div>
							<div class="center">
								<a href="about.html">About Or</a>
								<a href="product.html">Product</a>
								<a href="space.html">Space Inspiration</a>
								<a href="user.html">User Experience</a>
							</div>
							<div class="bottom">
								<div class="line"></div>
								<a href="news.html">NEWS</a>
								<div class="line"></div>
								<a href="event.html">EVENT</a>
								<div class="line"></div>
								<a href="contact.html">CONTACT</a>
								<div class="line"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="mask2">
					<div class="box">
						<div class="content">
							<form action="" method="">
								<input type="text" id="search" value="" placeholder="请输入" />
							</form>
							<label class="serachBox" for="search">Searh anything & hit enter</label>
						</div>
					</div>
				</div>
			</header>
			<main>
				<div class="bg bgBox1"></div>
				<section class="top">
					<div class="imgBox">
						<img src="../images/spacetop.png">
					</div>
					<div class="conTop">
						<h2>Private room</h2>
						<a href="spacedetail.html">SEE MORE</a>
					</div>
				</section>

				<section class="center">
					<div class="title">
						<a>All</a>
						<div class="line"></div>
						<a>Communication room</a>
						<div class="line"></div>
						<a>Private room</a>
						<div class="line"></div>
						<a>Storage</a>
						<div class="line"></div>
						<a>Accessories</a>
						<div class="line"></div>
					</div>

					<div class="content">
						<div class="product1">
							<a class="box">
								<img src="../images/spaceitem1.png">
							</a>
							<!-- <h3>Dot. Multi-functional </h3> -->
							<h4>Dot. Multi-functional Combine-unit</h4>
						</div>

						<div class="product2">
							<a class="box">
								<img src="../images/spaceitem2.png">
							</a>
							<!-- <h3>free collocation</h3> -->
							<h4> Dot. Table</h4>
						</div>

						<div class="product3">
							<a class="box">
								<img src="../images/spaceitem3.png">
							</a>
							<!-- <h3>free collocation</h3> -->
							<h4> Dot. Table</h4>
						</div>

						<div class="product4">
							<a class="box">
								<img src="../images/spaceitem4.png">
							</a>
							<!-- <h3>free collocation</h3> -->
							<h4> Dot. Table</h4>
						</div>
					</div>

					<a href="spacedetail.html" id="btn">SEE MORE</a>
				</section>

				<section class="bottom">
				</section>
			</main>

			<footer>
				<div class="content">
					<h2>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</h2>
					<i class="iconfont icon-shangjiantou" id="up"></i>
				</div>
			</footer>
		</div>
	</body>
</html>
